<ion-view set-dom>
    <ion-header-bar ng-show="!isSearch" align-title="center" class="com-header bg-f7 border-1px-ccc">
        <div class="buttons">
            <button ng-click="back()" class="button fs-0"><i class="icon ion-ios-arrow-back color-333 fs-18"></i>
            </button>
        </div>
        <h1 class="title color-333">我的收藏</h1>
        <div class="buttons">
            <button ng-click="toggleSearch()" class="com-h-search fs-0"><i
                    class="icon ion-ios-search-strong color-base fs-16"></i></button>
        </div>
    </ion-header-bar>
    <ion-header-bar ng-show="isSearch" align-title="center" class="com-header bg-white border-1px-ccc">
        <div class="bar bar-header item-input-inset search-wrapper">
            <label class="item-input-wrapper">
                <i class="icon ion-ios-search-strong placeholder-icon"></i>
                <input class="color-222" type="search" placeholder="输入关键字搜索店铺">
            </label>
            <button ng-click="toggleSearch()" class="button button-clear">取消</button>
        </div>
    </ion-header-bar>
    <ion-content class="bg-f7 has-own-header" overflow-scroll="false" scrollbar-y="false" has-bouncing="false">
        <com-tab class="orderTabs text-center fs-14 pl-15 pr-15 h-40 lh-40 border-1px-ccc" tabs="tabs" click="switchTab" active="isActive"></com-tab>
        <div ng-show="isActive('店铺')" class="my-tabs-cont my-tabs-service">
            <div class="com-list collection">
            <div ng-repeat="item in shopList" class="weui-flex com-list-item border-1px-f5"
                 ng-class="{true:'is-edit'}[item.isEdit]">
                <div ng-click="toDetail($index, item.id)" class="img-cont">
                    <img src="./asset/car_customer/images/data/shop.jpg" class="img">
                    <div class="mask fs-10 text-center color-white">商家休息中</div>
                </div>
                <div ng-click="toDetail($index, item.id)" class="weui-flex__item item-cont">
                    <div class="my-title fs-0">
                        <h2 class="title color-333 fs-14 inline-block txt-line-1">重庆靓车会专业汽车重庆靓车会专业汽车</h2>
                        <div class="label label-order fs-10 inline-block color-white">预</div>
                        <div class="label label-buy fs-10 inline-block color-white">购</div>
                    </div>
                    <div class="star">
                        <span><i class="icon ion-ios-star"></i></span>
                        <span><i class="icon ion-ios-star"></i></span>
                        <span><i class="icon ion-ios-star"></i></span>
                        <span><i class="icon ion-ios-star-half"></i></span>
                    </div>
                    <div class="detail fs-10 color-999">洗车、美容、保养、维修</div>
                    <div class="adress fs-10 color-ccc ver-top txt-line-1"><i class="icon ion-ios-location ver-top"></i>
                        1.5km 重庆市渝北区龙山三路16号春风城重庆市渝北区龙山三路16号春风城
                    </div>
                </div>
                <div ng-show="!item.isEdit" ng-click="toEdit($index)" class="more"><i class="icon ion-more"></i></div>
                <div class="cancel fs-18 color-white text-center" style="width: 165px;right: -165px;">
                    <span class="w-100 fl" style="display: inline-block;">取消收藏</span>
                    <span class="fr" style="width:65px;background-color: #ffa200;display: inline-block;">关注</span>
                </div>
            </div>
            <!--无限加载-->
            <div ng-show="true" class="weui-loadmore weui-loadmore_line">
                <span class="weui-loadmore__tips bg-f7">已经到底了</span>
            </div>
            <!--无限加载使用这个样方式进行 开关  ng-if="hasMore" -->
            <!--如果不需要则删除即可-->
            <ion-infinite-scroll
                    ng-if="hasMore"
                    on-infinite="onLoadMore()"
                    spinner="ios"
                    distance="1%">
            </ion-infinite-scroll>
        </div>
        </div>
        <div ng-show="isActive('服务')" class="my-tabs-cont my-tabs-service">
            <div class="com-list">
                <div ng-repeat="item in serviceList" class="weui-flex com-list-item border-1px-f5"
                     ng-class="{true:'is-edit'}[item.isEdit]" ng-click="toServiceDetail($index, item.id)">
                    <div>
                        <p class="fs-14 color-333">小车线上检</p>
                        <p class="fs-16 color-red mt-10">￥168</p>
                    </div>
                    <div ng-show="!item.isEdit" ng-click="toServiceEdit($index)" class="more" style="height: 40px;"><i class="icon ion-more"></i></div>
                    <div ng-click="cancelFocus(item.id)" class="cancel color-white text-center" style="width: 80px;height: 70px;font-size: 14px;line-height: 70px;">取消收藏</div>
                </div>
                <!--无限加载-->
                <div ng-show="true" class="weui-loadmore weui-loadmore_line">
                    <span class="weui-loadmore__tips bg-f7">已经到底了</span>
                </div>
                <!--无限加载使用这个样方式进行 开关  ng-if="hasMore" -->
                <!--如果不需要则删除即可-->
                <ion-infinite-scroll
                        ng-if="hasMore"
                        on-infinite="onLoadMore()"
                        spinner="ios"
                        distance="1%">
                </ion-infinite-scroll>
            </div>
        </div>
    </ion-content>


</ion-view>
